<!DOCTYPE html>
<html content="no-cache">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>RSF Mobile 2012</title>
        <link rel="stylesheet" href="css/jquery.mobile.css" type="text/css"/>

        <script src="js/jquery.js"></script>
        <script src="js/jquery.mobile.js"></script>
        <script src="js/jquery.interval.js"></script>
        <script src="js/cordova.js"></script>
        <script src="js/checkForConnection.js"></script>
        <script src="script.js"></script>
    </head>
    <body>
        <div data-role="page" id="home" data-theme="a">
        	<div data-theme="a" data-role="header">
				<h3>RSF Mobile</h3>
				<!--<a href="#" data-role="button" data-icon="refresh" class="refreshBtn" page="#home">Aggiorna</a>-->
			</div>
        
        	<div data-role="content" id="homeCont">
            <script type="text/javascript">
            $('#home').live('pagebeforeshow', function (event, ui) {
            		loadAjax("home.php", null, "#homeCont");
			});
            </script>  
            </div>

<!--<div data-theme="a" data-role="footer" data-position="fixed">
	<div data-role="navbar" data-iconpos="top" >
		<ul>
			<li>
				<a href="#home" data-theme="a" data-icon="" class="ui-btn-active">Home</a>
			</li>
			<li>
				<a href="#" data-theme="a" data-icon="">Contest</a>
			</li>
			<li>
				<a href="#" data-theme="a" data-icon="">Info</a>
			</li>
		</ul>
	</div>
</div>-->
        </div>
    </body>
</html>